<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>#{messages.title}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<h:outputStylesheet name="css/screen.css" />
</h:head>
<script type="text/javascript">


var ps = new ParticleSlider();
//Remove the next line to enable particle noise
ps.restless = false;

initInfomenu(0); //Sidemenu - just for CodePen</script>
<h:body>
	<h:panelGroup id="page" layout="block">
		<h:panelGroup id="header" layout="block">

<!-- 			<div class="nombre-sede"> Maria Belén</div> -->

			<h:panelGrid columns="2">


				<h:graphicImage id="espacioo" library="img" name="aguaa.jpg"
					height="200px" width="960px" />
			</h:panelGrid>
		</h:panelGroup>

		<h:panelGroup id="container" layout="block">
			<h3>
				<h:form>
					<p:menubar>
						<p:menuitem value="Inicio" icon="ui-icon-home" url="home.jsf"
							id="item" />

						<p:submenu label="Proveedores">
							<p:menuitem value="Lista" url="ProveedoresList.jsf"
								icon="ui-icon-search" />
							<p:menuitem value="Allta" url="Proveedores.jsf"
								icon="ui-icon-disk" />
							<p:separator />
							<p:menuitem value="Modificar/Eliminar" icon="ui-icon-pencil"
								url="ProveedoresEdit.jsf" />
						</p:submenu>

						<p:submenu label="Clientes">
							<p:menuitem value="Lista" url="ClientesList.jsf"
								icon="ui-icon-search" />
							<p:menuitem value="Alta" url="Clientes.jsf" icon="ui-icon-disk" />
							<p:separator />
							<p:menuitem value="Modificar/Eliminar" icon="ui-icon-pencil"
								url="ClientesEdit.jsf" />
							<p:menuitem value="Mapa" icon="ui-icon-pencil"
								url="ClientesMap.jsf" />
						</p:submenu>
						<p:submenu label="Productos">
							<p:menuitem value="Lista" url="ProductosList.jsf"
								icon="ui-icon-search" />
							<p:menuitem value="Allta" url="Productos.jsf" icon="ui-icon-disk" />
							<p:separator />
							<p:menuitem value="Modificar/Eliminar" icon="ui-icon-pencil"
								url="ProductosEdit.jsf" />
						</p:submenu>
						<p:submenu label="Envases">
							<p:menuitem value="Lista" url="EnvasesList.jsf"
								icon="ui-icon-search" />
							<p:menuitem value="Alta" url="Envase.jsf" icon="ui-icon-disk" />
							<p:separator />
							<p:menuitem icon="ui-icon-trash" value="Modificar/Eliminar"
								url="EnvasesEdit.jsf" />
						</p:submenu>
						<p:submenu label="Ctas Corrientes">
							<p:menuitem value="Lista" url="EnvasesList.jsf"
								icon="ui-icon-search" />
							<p:menuitem value="Alta" url="CtasCorrientes.jsf"
								icon="ui-icon-disk" />
							<p:separator />
							<p:menuitem value="Modificar/Eliminar" icon="ui-icon-pencil"
								url="ClientesEdit.jsf" />
						</p:submenu>
						<p:menuitem value="Acerca de" url="#" />



					</p:menubar>
				</h:form>
			</h3>

		</h:panelGroup>
		<h:panelGroup id="content" layout="block">
			<ui:insert name="content">Main Content</ui:insert>
		</h:panelGroup>

	</h:panelGroup>
	<h:panelGroup id="footer" layout="block">
		<a href="#">Redmine Agua </a>
	</h:panelGroup>

</h:body>
</html>
